<template>
    <div class="personalized">
        <div class="hd">
            <el-divider content-position="left"><h2>推荐歌单</h2></el-divider>
        </div>
        <div class="bd">
            <SongList :playlists="personalized"/>
        </div>
    </div>
</template>
<script>
import SongList from '@/components/content/songlist/SongList.vue'
export default {
    name: "",
    props: {
        personalized: {
            type: Array,
            default() {
                return [];
            }
        }
    },
    data() {
        return {};
    },
    methods: {},
    created() {
    },
    components: { SongList }
}
</script>
<style lang="less" scoped>
    .personalized{
        
    }
</style>